import { globalStyle } from '@vanilla-extract/css';
import { autoColorTheme } from './colors/colorAuto.css';
import { darkColorTheme } from './colors/colorDark.css';
import { lightColorTheme } from './colors/colorLight.css';

export { lightColor } from './colors/colorLight.css';
export { darkColor } from './colors/colorDark.css';

globalStyle('*', {
	boxSizing: 'border-box',
	verticalAlign: 'middle',
});

globalStyle(':root', autoColorTheme);
fallBackGlobalStyle('', lightColorTheme, darkColorTheme);

import './a.css';
import './h.css';
import './scrollbar.css';
import './hr.css';
import { fallBackGlobalStyle } from './tools';

export * from './vars.css';
export * from './scrollbar.css';
export * from './button.css';
export * from './check.css';
export * from './radio.css';
export * from './switch.css';
export * from './input.css';
export * from './table.css';
